<!-- 答疑列表 -->
<style scoped rel="stylesheet/scss" lang="scss">
	@import '../../../css/public.scss';
	.AnutList{
		height: 100%;
		background-color: #f3f5f8;
	}
	

	div.nav{
		width: 100%;
		margin-top: 10px;
		padding:0 30px;
		text-align: center;
		background-color: #fff;
		ul.oneNav{
			width: 100%;
			height: 80px;
			@include clearfloat;
			border-bottom:1px solid #e1e1e1;
			>li{
				width: 50%;
				height: 80px;
				float: left;
				font-size: 28px;
				color: #666666;
				line-height: 78px;
			}
			>li.active{
				color: $themeColor;
				border-bottom:2px solid $themeColor;
			}
		}
		
	}
	
	



</style>

<template>
	<section class="AnutList">
		<section>
			<head-nav :title-info="titleInfo"></head-nav>
		</section>
		<div class="nav">
			<ul class="oneNav">
				<li class="active">月嫂答疑</li>
				<li>育儿答疑</li>
			</ul>
		</div>
		
		<section>
			<answer-questions-list></answer-questions-list>
		</section>
	</section>
</template>

<script>

	import headNav from '../../public/headNav';
	import answerQuestionsList from '../../public/answerQuestionsList';

	
	export default {
		data(){
			return {
				titleInfo: {
					close: true,
					title: '知识答疑',
					color: '#000',
					goHome: true,
					backColor: '#fff'
				}
			}
		},
		components: {
			headNav,
			answerQuestionsList
			
		},
		computed: {
	    		    	
	    },
	    watch:{
	    	
	    }

	}
</script>
